<template>
    <el-dialog
            :close-on-click-modal="false"
            :model-value="api.detailState.visible"
            :title="api.detailState.title"
            destroy-on-close
            width="600"
            @close="api.onCloseDetail()"
    >
        <el-descriptions
                :column="2"
        >
            <el-descriptions-item label="类型名称：">{{ api.detailState.form.itemName }}</el-descriptions-item>
            <el-descriptions-item label="类型存储值：">{{ api.detailState.form.itemValue }}</el-descriptions-item>
            <el-descriptions-item label="类型编码：">{{ api.detailState.form.type }}</el-descriptions-item>
            <el-descriptions-item label="排序号：">{{ api.detailState.form.sortId }}</el-descriptions-item>
            <el-descriptions-item label="备注信息：">{{ api.detailState.form.description }}</el-descriptions-item>
        </el-descriptions>
    </el-dialog>
</template>

<script lang="ts" setup>
import {DictionaryService} from "~/api/system/dictionary/dictionary.api";

interface Props {
    api: DictionaryService;
}

const {api} = withDefaults(defineProps<Props>(), {});


</script>

<style lang="scss" scoped>

</style>
